<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Dynamic List Example</title>
</head>
<body>

<ol id="dynamicList">
    <!-- 动态内容将被插入到这里 -->
</ol>

<script>
    // 假设我们有一个数据数组
    var items = ["Item 1", "Item 2", "Item 3"];

    // 获取列表元素
    var list = document.getElementById("dynamicList");

    // 循环数组中的每个项目，并为每个项目创建一个列表项（li）
    items.forEach(function (item) {
        var listItem = document.createElement("li"); // 创建列表项
        listItem.textContent = item; // 设置列表项的文本内容
        list.appendChild(listItem); // 将列表项添加到列表中
    });
</script>

</body>
</html>